<%--
  Created by IntelliJ IDEA.
  User: admin
  Date: 2019/7/2
  Time: 18:56
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>首页</title>
    <link rel="stylesheet" href="css/style.css">
    <script src="js/jquery-1.12.4.js"></script>
    <script>
        $(function () {
            //注册点击事件，跳转页面
            var $current = $(".left>ul>li");
            $current.eq(0).on("click",function () {
                //跳转图书管理页面
                location.href =  "/BookServlet";
                // window.open("libraryManagement.jsp","_self");
            });
            $current.eq(1).on("click",function () {
                //跳转读者管理页面
                // window.open("readerManagement.jsp","_self");
                location.href =  "/UserServlet";
            });
            $("#return").on("click",function () {
                window.open("index.jsp","_self");
            });
        });
    </script>
</head>
<body>
<div class="main">
    <div class="top">
        <h3>欢迎使用图书管理系统</h3>
        <h4><img src="images/timg.png" alt="">&nbsp;&nbsp;&nbsp;欢迎您*</h4>
    </div>
    <div class="cont">
        <div class="left">
            <ul>
                <li>&nbsp;<a href="#">图书管理</a><span>&gt;</span></li>
                <li>&nbsp;<a href="#">读者管理</a><span>&gt;</span></li>
            </ul>
        </div>
        <div class="right">
            <div class="r">
                <div class="r-c">&nbsp;&nbsp;图书管理</div>
                <ul>
                    <li>根据图书编号、图书名称查询图书信息</li>
                    <li>添加、修改、删除图书</li>
                </ul>
            </div>
            <div class="r">
                <div class="r-c">&nbsp;&nbsp;读者管理</div>
                <ul>
                    <li>根据账号、姓名查询读者基本信息</li>
                    <li>添加、修改、删除读者信息</li>
                </ul>
            </div>
        </div>
    </div>
</div>

</body>
</html>
